<template>
  <view style="padding: 30rpx">
    <view class="box-one">
      <view class="title">一、产品简介</view>
      <view class="content">
       <view> 在这个信息爆炸的时代，企业对于工商税务的管理与分析需求日益增长。为了满足这一需求，我们特别推出了一款免费、方便且专业的企业工商税务分析工具——助融报告。</view>
       <view> “助融报告”不仅能帮助企业轻松应对复杂的税务问题，还能提供详尽的工商信息分析，让企业在决策时更加得心应手。</view>
        <view>“助融报告”的最大亮点在于它的免费性，无需任何费用即可享受专业的服务，大大降低了企业的运营成本。</view>
        <view>助融报告操作简便，界面简洁明了，即使是初次使用的用户也能迅速上手。更重要的是，它拥有强大的数据分析功能，能够为企业提供精准、全面的工商税务信息，助力企业实现高效管理。</view>
       <view> 总的来说，这款免费、方便、专业的企业工商税务分析工具，本工具可以帮助企业贷款贷前筛查，实践中可以帮助企业主申请企业贷款降低试错成本。 注：报告只能起参考作用，并不能作为任何用途依据。</view>
        <view> 注：报告只能起参考作用，并不能作为任何用途依据。</view>
      </view>
    </view>
    <view class="swiper-box">
      <swiper :indicator-dots="true" >
        <swiper-item v-for="(item, index) in swiper1" :key="index">
          <image :src="item" mode="widthFix" />
        </swiper-item>
      </swiper>
    </view>
    <view class="box-one">
      <view class="title">二、查询入口</view>
      <view class="content">
        <view>点击“查询入口”按钮，进入税务查询登录页面；输入查询人手机号码、手机验证码，勾选协议后，点击“登录”按钮登录；登陆后页面跳转至税务查询页面，可在此页面进行税务查询。</view>
      </view>

    </view>
    <view class="swiper-box">
      <swiper :indicator-dots="true" >
        <swiper-item v-for="(item, index) in swiper2" :key="index">
          <image :src="item" mode="widthFix" />
        </swiper-item>
      </swiper>
    </view>

    <view class="box-one">
      <view class="title">三、税务查询样例报告</view>
      <view class="content">
        <view>点击税务查询页面的“查看样例报告”按钮，查看税务分析报告样例。</view>
      </view>

    </view>
    <view class="swiper-box">
      <swiper :indicator-dots="true" >
        <swiper-item v-for="(item, index) in swiper3" :key="index">
          <image :src="item" mode="widthFix" />
        </swiper-item>
      </swiper>
    </view>


    <view class="box-one">
      <view class="title">四、税务查询流程</view>
    </view>
    <view class="swiper-box">
      <swiper :indicator-dots="true">
        <swiper-item v-for="(item, index) in swiper4" :key="index">
          <image :src="item" mode="widthFix" />
        </swiper-item>
      </swiper>
    </view>
    <view class="box-one">
      <view class="title">五、税务报告</view>
    </view>
    <view class="content">
      <view>税务查询页面，“历史已生成报告”按钮点击后可查看历史查询记录；已完成报告中，点击“查看详情”按钮，即可查看税务报告的具体信息；如需分享税务分析报告，点击报告右上角“转发报告”按钮，复制即可分享报告链接。</view>
    </view>
    <view class="swiper-box">
      <swiper :indicator-dots="true" >
        <swiper-item v-for="(item, index) in swiper5" :key="index">
          <image :src="item" mode="widthFix" />
        </swiper-item>
      </swiper>
    </view>
    <view class="box-one">
      <view class="title">六、分享查询功能</view>
    </view>
    <view class="content">
      <view>每位会员账号注册成功即可获得5次免费查询机会，如果需要更多查询机会，可邀请未注册好友成为会员获得新的注册机会，每邀请一位好友即可获得10次免费查询机会，邀请次数可无线叠加；点击“立即邀请好友”按钮后，可获得分享海报，可长按保存图片分享给好友。
      </view>
    </view>
    <view class="swiper-box">
      <swiper :indicator-dots="true" >
        <swiper-item v-for="(item, index) in swiper6" :key="index">
          <image :src="item" mode="widthFix" />
        </swiper-item>
      </swiper>
    </view>
    <view class="box-one">
      <view class="title">七、助融报告其他功能</view>
    </view>
    <view class="content">
      <view>
        <view>点击个人信息“设置”按钮，可跳转至个人信息页面自定义个人信息；首页“维护地区查询”按钮，可跳转至税局所在区维护状态页面。</view>
      </view>
    </view>
    <view class="swiper-box">
      <swiper :indicator-dots="true" >
        <swiper-item v-for="(item, index) in swiper7" :key="index">
          <image :src="item" mode="widthFix" />
        </swiper-item>
      </swiper>
    </view>
    <view class="box-one">
      <view class="title">八、客服功能</view>
    </view>
    <view class="content">
      <view>
        <view>点击“使用入口”按钮，获得客服联系方式二维码；打开二维码，长按识别后跳转至添加客服页面；点击“添加到通讯录”按钮，添加客服联系方式，可与客服进行沟通。</view>
      </view>
    </view>
    <view class="swiper-box">
      <swiper :indicator-dots="true" >
        <swiper-item v-for="(item, index) in swiper8" :key="index">
          <image :src="item" mode="widthFix" />
        </swiper-item>
      </swiper>
    </view>

    <view class="box-one">
      <view class="title">九、客服功能</view>
    </view>
    <view class="content">
      <view>
        <view>点击“使用入口”按钮，获得客服联系方式二维码；打开二维码，长按识别后跳转至添加客服页面；点击“添加到通讯录”按钮，添加客服联系方式，可与客服进行沟通。</view>
      </view>
    </view>
    <view class="swiper-box">
      <swiper :indicator-dots="true" >
        <swiper-item v-for="(item, index) in swiper9" :key="index">
          <image :src="item" mode="widthFix" />
        </swiper-item>
      </swiper>
    </view>
    <view class="box-one">
      <view class="title">十、使用手册</view>
    </view>
    <view class="content">
      <view>
        <view>点击“使用入口”按钮，选择“使用手册”选项，页面跳转至使用手册，即可查看使用手册详情。</view>
      </view>
    </view>
    <view class="swiper-box">
      <swiper :indicator-dots="true" >
        <swiper-item v-for="(item, index) in swiper10" :key="index">
          <image :src="item" mode="widthFix" />
        </swiper-item>
      </swiper>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      swiper1: [
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper1/swiper1-1.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper1/swiper1-2.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper1/swiper1-3.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper1/swiper1-4.png'
      ],
      swiper2: [
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper2/swiper2-1.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper2/swiper2-2.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper2/swiper2-3.png',
      ],
       swiper3: [
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper3/swiper3-1.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper3/swiper3-2.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper3/swiper3-3.png',
         'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper3/swiper3-4.png',
         'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper3/swiper3-5.png',
         'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper3/swiper3-6.png',
       ],
      swiper4: [
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper4/swiper4-1.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper4/swiper4-2.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper4/swiper4-3.png',
      ],
      swiper5: [
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper5/swiper5-1.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper5/swiper5-2.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper5/swiper5-3.png',
      ],
      swiper6: [
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper6/swiper6-1.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper6/swiper6-2.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper6/swiper6-3.png',
      ],
      swiper7: [
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper7/swiper7-1.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper7/swiper7-2.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper7/swiper7-3.png',
      ],
      swiper8: [
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper8/swiper8-1.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper8/swiper8-2.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper8/swiper8-3.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper8/swiper8-4.png',
      ],
      swiper9: [
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper9/swiper9-1.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper9/swiper9-2.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper9/swiper9-3.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper9/swiper9-4.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper9/swiper9-5.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper9/swiper9-6.png',
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper9/swiper9-7.png',

      ],
      swiper10: [
        'https://julimeng-prod.oss-cn-hangzhou.aliyuncs.com/managehub/static/intro/swiper10/swiper10-1.png',
      ]
    };
  }
}
</script>

<style lang="scss" scoped>
page {
  background-color: #fff;
}
.box-one {

}
.title {
  font-weight: 600;
  color: #222;
  font-size: 36rpx;
}
.content {
  > view {
    font-size: 28rpx;
    line-height: 34rpx;
    margin-top: 20rpx;
  }
}
.swiper-box {
  margin-top: 20rpx;
  width: 100%;
  height: 1200rpx;
  swiper {
    width: 100%;
    height: 100%;
    image {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
